<!-- 搜索框 开始 -->
<link rel="stylesheet" href="${plugin}/x-editable/dist/bootstrap3-editable/css/bootstrap-editable.css">
<script type="text/javascript" src="${plugin}/x-editable/dist/bootstrap3-editable/js/bootstrap-editable.min.js"></script>
<script type="text/javascript" src="${acePath}/assets/js/ace-editable.min.js"></script>
<script type="text/javascript">
var settings = {
 modelDomainFlag:""
,modelName:"账号"
,modelFlag:"self"
 ,key:"${sessionId}"
}
</script> 
<script type="text/javascript">
<!--
$script(window.global.ctx+'/static/js/self/index.js','account', function() {
},1);
//-->
</script>
<div class="page-header">
	<div class="row fw-margin">
		<div class="col-xs-12">
			<div id="user-profile-2" class="user-profile">
				<div class="tabbable">
					<ul class="nav nav-tabs padding-18">
						<li class="active">
							<a data-toggle="tab" target="#self-home"  href="#self-home"  >
								<i class="green ace-icon fa fa-user bigger-120"></i>
								基本信息
							</a>
						</li>
						<li>
							<a data-toggle="tab" target="#self-pictures" href="#self-pictures" >
								<i class="pink ace-icon fa fa-picture-o bigger-120"></i>
								Pictures
							</a>
						</li>
					</ul>
					<div class="tab-content no-border padding-24">
						<div id="self-home" class="tab-pane in active">
							<div class="row">
								<div class="col-xs-12 col-sm-3 center">
									<div>
									<span class="profile-picture">
										<img class="editable img-responsive editable-click editable-empty" alt="头像" id="avatar" 
										<%if(isEmpty(user.imageId)){%>
										src="${ctx}/static/images/profile-pic.jpg" 
										<%}else{%>
										src="${ctx}/sys/file/download/${user.imageId}" 
										<%}%>
										/>
									</span>
									<div class="space space-4"></div>
									<div class="width-80 label label-info label-xlg arrowed-in arrowed-in-right">
													<div class="inline position-relative">
														<a href="#" class="user-title-label dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
															<i class="ace-icon fa fa-circle light-green"></i>
															&nbsp;
															<span class="white">
															<%if(isEmpty(user.nickName)){%>
															   ${user.name}
															<%}else{%>
															${user.nickName}
															<%}%>
															</span>
														</a>
														<ul class="align-left dropdown-menu dropdown-caret dropdown-lighter">
															<li class="dropdown-header"> Change Status </li>

															<li>
																<a href="#">
																	<i class="ace-icon fa fa-circle green"></i>&nbsp;
																	<span class="green">Available</span>
																</a>
															</li>
															<li>
																<a href="#">
																	<i class="ace-icon fa fa-circle red"></i>&nbsp;
																	<span class="red">Busy</span>
																</a>
															</li>

															<li>
																<a href="#">
																	<i class="ace-icon fa fa-circle grey"></i>&nbsp;
																	<span class="grey">Invisible</span>
																</a>
															</li>
														</ul>
													</div>
												</div>
									 </div>
								</div><!-- /.col -->

								<div class="col-xs-12 col-sm-9">
								<div class="widget-box">
									<div class="widget-header">
										<h4 class="widget-title">账号信息</h4>
										<span class="widget-toolbar">
											<a href="#" data-action="settings">
												<i class="ace-icon fa fa-cog"></i>
											</a>
											<a href="#" data-action="collapse">
												<i class="ace-icon fa fa-chevron-up"></i>
											</a>
										</span>
									</div>
									<div class="widget-body">
										<div class="widget-main">
								 <form id="accountForm" val="${user.id}" action="${ctx}/self/account/save">
									<input type="hidden" id="source_flag_s" value="${data.source_flag_s!}">
									<input type="hidden" valid="true" relativeurl="${ctx}/sys/file/download/" id="imgUrl_s" oldval="${user.imageId!}" name="imageId" value="${user.imageId!}">
									<div class="detail-user-info row" style="margin-left: 0px;margin-right: 0px;">
										<div class="detail-info-row col-md-5">
											<div class="detail-info-name">用户名</div>

											<div class="detail-info-value">
												<span>${shiro.principal(null)}</span>
											</div>
										</div>
										<div class="detail-info-row col-md-5">
											<div class="detail-info-name">昵称</div>
								
											<div class="detail-info-value">
												<span  name="nickName" class="validate[required,maxSize[50]]">${user.nickName}</span>
											</div>
										</div>
										<div class="detail-info-row col-md-5">
											<div class="detail-info-name">邮箱</div>

											<div class="detail-info-value">
												<span name="email">${user.email}</span>
											</div>
										</div>
										<div class="detail-info-row col-md-5">
											<div class="detail-info-name">电话</div>

											<div class="detail-info-value">
												<span name="phone">${user.phone}</span>
											</div>
										</div>

										<div class="detail-info-row col-md-5">
											<div class="detail-info-name">最后登录时间</div>

											<div class="detail-info-value">
												<span>${user.loginDt,dateFormat="yyyy-MM-dd HH:mm:ss"}</span>
											</div>
										</div>
										<div class="detail-info-row col-md-5">
											<div class="detail-info-name">最后登录IP</div>

											<div class="detail-info-value">
												<span>${user.loginIp}</span>
											</div>
										</div>
										<div class="detail-info-row col-md-5">
											<div class="detail-info-name">登录次数</div>

											<div class="detail-info-value">
												<span>${user.loginTimes}</span>
											</div>
										</div>
									</div>
									</form>
									</div>
								</div>
							</div>
								<div class="widget-box">
									<div class="widget-header">
										<h4 class="widget-title">基本信息</h4>
										<span class="widget-toolbar">
											<a href="#" data-action="settings">
												<i class="ace-icon fa fa-cog"></i>
											</a>
											<a href="#" data-action="collapse">
												<i class="ace-icon fa fa-chevron-up"></i>
											</a>
										</span>
									</div>
									<div class="widget-body">
										<div class="widget-main">
									<form id="personForm" action="">
									   <div class="detail-user-info row" style="margin-left: 0px;margin-right: 0px;">
												<div class="detail-info-row col-md-5">
													<div class="detail-info-name">名称：</div>
													<div class="detail-info-value">
														<span name="nameStr">${user.person.nameStr!}</span>
													</div>
												</div>
													<div class="detail-info-row col-md-5">
														<div class="detail-info-name">身份证号：</div>
														<div class="detail-info-value">
															<span name="nationalId">${user.person.nationalId!}</span>
														</div>
													</div>
													<div class="detail-info-row col-md-5">
														<div class="detail-info-name">出生日期：</div>
														<div class="detail-info-value">
															<span name="birthday">${user.person.birthday!,dateFormat='yyyy-MM-dd'}</span>
														</div>
													</div>
													<div class="detail-info-row col-md-5">
														<div class="detail-info-name">性别：</div>
														<div class="detail-info-value">
															<span name="sex">${utilExt("enum",user.person.sex,"1","男","0","女","","未知")}</span>
														</div>
													</div>
													<div class="detail-info-row col-md-5">
														<div class="detail-info-name">电话：</div>
														<div class="detail-info-value">
															<span name="email">${user.person.email!}</span>
														</div>
													</div>
													<div class="detail-info-row col-md-5">
														<div class="detail-info-name">邮箱：</div>
														<div class="detail-info-value">
															<span name="email">${user.person.email!}</span>
														</div>
													</div>
													<div class="detail-info-row col-md-5">
														<div class="detail-info-name">政治背景：</div>
														<div class="detail-info-value">
															<span name="politicalName">${user.person.politicalName!}</span>
														</div>
													</div>
													<div class="detail-info-row col-md-5">
														<div class="detail-info-name">学历：</div>
														<div class="detail-info-value">
															<span name="educationName">${user.person.educationName!}</span>
														</div>
													</div>
												<div class="detail-info-row col-md-5">
													<div class="detail-info-name">创建日期：</div>
													<div class="detail-info-value">
														<span>${user.person.createDt!,dateFormat="yyyy-MM-dd HH:mm:ss"}</span>
													</div>
												</div>
													<div class="detail-info-row col-md-5">
														<div class="detail-info-name">民族：</div>
														<div class="detail-info-value">
															<span name="nationName">${user.person.nationName!}</span>
														</div>
													</div>
													<div class="detail-info-row col-md-5">
														<div class="detail-info-name">婚姻状态：</div>
														<div class="detail-info-value">
															<span name="maritalStatusName">${user.person.maritalStatusName!}</span>
														</div>
													</div>
													<div class="detail-info-row col-md-5">
														<div class="detail-info-name">家庭住址：</div>
														<div class="detail-info-value">
															<span name="homeAddress">${user.person.homeAddress!}</span>
														</div>
													</div>
													<div class="detail-info-row col-md-5">
														<div class="detail-info-name">当前住址：</div>
														<div class="detail-info-value">
															<span name="currentAddress">${user.person.currentAddress!}</span>
														</div>
													</div>
													<div class="detail-info-row col-md-5">
														<div class="detail-info-name">备注：</div>
														<div class="detail-info-value">
															<span>${user.person.remark!}</span>
														</div>
													</div>
													<div class="detail-info-row col-md-5">
														<div class="detail-info-name">更新日期：</div>
														<div class="detail-info-value">
															<span>${user.person.modDt!,dateFormat="yyyy-MM-dd HH:mm:ss"}</span>
														</div>
													</div>
								  		       </div>
									</form>
									</div>
								</div>
							</div>
									<div class="hr hr-8 dotted"></div>
								</div><!-- /.col -->
							</div><!-- /.row -->
						</div><!-- /#home -->
					     <div id="self-pictures" class="tab-pane">
									<ul class="ace-thumbnails">
									</ul>
						  </div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
 